<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Demos</title>
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/jQuery.iPicture.css">
    <link rel="stylesheet" href="css/jquery.qtip.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/wine-style.css">
    <script src="js/vendors/jquery.min.js"></script>
    <script type='text/javascript' src='js/vendors/jquery.infinitescroll.dev.js'></script>
    <script src="js/vendors/purl.js"></script>
    <script type='text/javascript' src="js/vendors/core.js"></script>
    <script type='text/javascript' src="js/vendors/md5.js"></script>
    <script type='text/javascript' src='js/vendors/lodash.min.js'></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script type='text/javascript' src='js/vendors/owl.carousel.js'></script>
    <script type='text/javascript' src='js/vendors/spin.min.js'></script>
    <script type='text/javascript' src='js/vendors/toastr.min.js'></script>
    <script type='text/javascript' src='js/common/config.js'></script>
    <script type='text/javascript' src='js/vendors/jquery.storageapi.js'></script>
    <script type='text/javascript' src='js/common/localStorage.js'></script>
    <script type='text/javascript' src='js/common/ajax.js'></script>
    <script type='text/javascript' src="js/vendors/purl.js"></script>
    <script type='text/javascript' src='js/vendors/jquery.qtip.js'></script>

    <script type='text/javascript' src='js/common/common.js'></script>
    <script type='text/javascript' src='js/biz/home.js'></script>
    <script>
    document.addEventListener("deviceready", function() {
    }, false);
    $(document).ready(function() {
        $("input[name='search']").click(function(event) {
            window.location.href = "app/search.html";
        });
        // $("#owl-demo2").owlCarousel({
        //     navigation: false, // Show next and prev buttons
        //     autoPlay: 3000,
        //     slideSpeed: 300,
        //     paginationSpeed: 400,
        //     singleItem: true
        // });
        //wineApp.home.initPage();
        // $('#scroll').infinitescroll({
        //     dataType: 'json',
        //     appendCallback: false,
        //     nextSelector: '#page2',
        //     state: {
        //         currPage: 0
        //     },
        //     //pixelsFromNavToBottom: 50,

        //     debug: true,
        //     path: function(currPage) {
        //         var offset = currPage * 5;
        //         console.log(offset);
        //         var ajaxUrl = wineApp.tool.getBaseApiURL() + wineApp.CONFIG.API.hotSell + '?offset=' + offset + '&fetchSize=5';
        //         return ajaxUrl;
        //     }
        // }, function(data, opts) {
        //     if (opts.state.currPage * 5 <= data.msg.count) {
        //         wineApp.home.buildRecomandData(data);
        //     } else
        //         console.log('complete')

        // })
        //wineApp.home.initDRSection();
        wineApp.common.initHeaderIcon(0, false);
        wineApp.common.checkToken();

    });
    </script>
</head>

<body>
    <div data-role="page" class="jqm-demos">
        <div class="wine_header">
            <div class="wine_toptitle">酒旅</div>
        </div>
        <!-- 轮播 -->
        <div id="owl-demo" class="owl-carousel owl-theme">
            <!-- <div class="item"><img src="images/banner.jpg" alt="The Last of us"></div>
            <div class="item"><img src="images/jz1.jpg" alt="GTA V"></div> -->
        </div>
        <!--专栏-->
        <div class="wine_jz" id="hotjz">
            <h1>酒庄之旅</h1>
        </div>
         <div class="wine_jz" id="hotdr">
            <h1>最红达人</h1>
        </div>
        <!--推荐-->
        <div class="wine_tuijian">
            <h1>推荐</h1>
            <div id='scroll'>
                <div class='navigation' style="display:none"><a id="page2" href="222">222</a></div>
            </div>
        </div>
    </div>
</body>

</html>
